/* Maillo */
.popup {
	
	z-index: 100;
}
.firerift-style {		
	display: block;
	width: 68px;
	height: 28px;
	background: url(../../images/check-circle.png) no-repeat;
	cursor: pointer;
}
	
.on {
	background-position: 0% 100%;
}
	
.off {
	background-position: 100% 0%;
}
.hidden {
	display: none;
}
/* -------------------------------------------------- */
/* Formulario */
input{
	cursor: pointer;
}

/* -------------------------------------------------- */
/* Pestañas */
.tabF{	
	color: #fff;
	float: left;
	margin: 0px;
	padding: 0px;
	position: relative;	
	height: 40px;
    min-width: 150px;
    top: 0px;
    font-size: 12pt;
    font-weight: bold;
    text-align: center;
}
.tabFOver{	
	background-image: url(../../images/tiny-75a.png);
	height:36px;
	top: 0px;
	border-bottom-color: #FFF;
    border-bottom-width: 4px;
    border-bottom-style: solid; 
}
.tabOn{	
	color: #000;
	height: 36px;
	top: 0px;
	border-top-color: #FFF;
    border-top-width: 4px;
    border-top-style: solid; 
	background-image: url(../../images/tiny-75a.png);
}
.tabF a{
	position: relative;
	top: 10px;
}	
	
/* -------------------------------------------------- */
/* Fichas */
#tabsFicha{
	position: relative;
	left: 550px;
}
.seccion{
	z-index: 0;
	position: absolute;
	width: 100%;
	min-height: 750px;
	top: 150px;
	border-width: 0px;
    border-style: none;
    border-bottom-color: #FFF;
    border-bottom-width: 2px;
    border-bottom-style: solid;
}
#fichaPersonaje, #fichaHabTal, #fichaEquipo{
	position: absolute;	
	padding: 75px;
	padding-top: 40px;
	padding-bottom: 10px;
	top: 40px;
	margin: 0px;
	width: 880px;
	left: 14%;
	float: none;
	text-align: center;
	position: absolute;     
}
#fichaEquipo{
	height: 700px;
}
.noActivo{
	display: none;
}
.activo{
	display: block;
}

/* -------------------------------------------------- */
/* Partes generales de la ficha*/
.boxUrban{	
	background-image: url(../../images/tiny-75a.png);
	border-width: 1px;   
	border-color: #000;
	border-bottom-width: 7px;
	border-top-width: 7px;
	border-style: solid;
	border-image: url(../../images/border-box-urb.png) 30 30 repeat; 
}
.boxUrban-top{
	background-image: url(../../images/tiny-75a.png);
	border-width: 1px;   
	border-color: #000;
	border-top-width: 7px;
	border-bottom-width: 0px;
	border-style: solid;
	border-image: url(../../images/border-box-urb.png) 30 30 repeat; 
}
.boxUrban-middle{
	background-image: url(../../images/tiny-75a.png);
	border-color: #000;
	border-width: 1px;
	border-top: 0px;
	border-style: solid;
}
.boxUrban-bottom{	
	background-image: url(../../images/tiny-75a.png);
	border-width: 1px;   
	border-color: #000;
	border-top-width: 0px;
	border-style: solid;
	border-bottom-width: 7px;
	border-image: url(../../images/border-box-urb.png) 30 30 repeat; 
}

#datos, #caracteristicas, #hBasicas, #hAvanzadas, #talentos{
	position: absolute;
	padding: 5px;	
	margin: 0px;
}

h2{
	position: relative;
	margin: 0px;
	margin-bottom: 5px;
	padding: 0px;
	font-size: 13pt;
	top: -2px;
	text-align: center;
}
/* -------------------------------------------------- */
/* Datos */
#datos{
	position: relative;
	width: 860px;
	text-align: center;
	height: 180px;
}

.datCol{
	position: inherit;
	text-align: right;
	float: left;
	padding: 10px;
}
#datos input{
	border-style: none;
	border-width: 0px;
	border-bottom-style: dotted;
	border-bottom-width: 2px;
	background-color: transparent;
	outline: none;  	
}
#datos input:hover, input:focus{
	outline: none;
}

/* -------------------------------------------------- */
/* Caracteristicas */
#caracteristicas{
	position: relative;
	width: 860px;
	height: 100px;
}
.wCar{
	position: relative;
	margin-left: 6px; 
	float: left;
	width: 10%;
	text-align: center;
	bottom: 0px;
	margin-bottom: 0px;
	height: 75px;
}
#caracteristicas a{
	position: relative;
	font-size: 10pt;
}
#caracteristicas label{
	position: relative;
	font-size: 14pt;
	vertical-align: middle;
}
#caracteristicas input{
	position: relative;
	width: 30px;
	height: 30px;
	text-align: center;
	vertical-align: middle;
	font-size: 14pt;	
	border-color: #000;
	border-style: solid;
	border-width: 1px;
	margin-left: 8px;
}
/* -------------------------------------------------- */
/* Habilidades y talentos */
#hBasicas, #hAvanzadas, #talentos{
	position: relative;
	width: 394px;
	float: left;
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
}
#talentos{
	left: 436px;
}

.hInfo, .adq{
	margin-bottom: 5px;
	position: absolute;
	top: 30px;
}

.hInfo{
	left: 150px;
}
.adq{
	left: 240px;
}

.habilidad, .talento{
	position: relative;
	width: 100%;
	text-align: right;
}
.talento{
	right: 40px;
}
.optionH{
	position: relative;
	top: 2px;
	margin-left: 12px;
}
/* -------------------------------------------------- */

/* Equipo */
#p-equip-bg{
	position: absolute;
	width: 254px;
	height: 700px:
	background-color: none;
	background-image: url(../../images/p-equip-bg.png);
	background-repeat: no-repeat;
	color: #fff;
	left: 200px;
}

.p-seccion-bg{
	position: relative;
	padding: 5px;
	width: 40px;
	height: 40px;
	border-color: #890012;
	border-style: solid;
	border-width: 1px;
	background-image: url(../../images/tiny-40a.png);
}
.wrapper-{
	position: relative;
}
.pD{
	float: right;
}
.pI{
	
}
.pHead{
	top: -5px;
	width: 80px;
	height: 90px;
	left: 80px;
}
.pBody{
	top: -130px;
	width: 80px;
	height: 160px;
	left: 80px;
}
.pArm{
	top: 140px;
	height: 160px;
}
.pArm .pD, .pArm .pI{
	height: 160px;
	top: -100px;
}
.pLegs{
	top: 140px;
	height: 190px;
}
.pLegs .pD, .pLegs .pI{
	height: 160px;
	top: -220px;
	margin-right: 53px;
	margin-left: 53px;
}
.pBoots{
	position: relative;
	width: 100px;
	top: -50px;
	height: 100px;
	left: 70px;
}

